<!DOCTYPE HTML>
<html lang="">
<head>
    <title>不想起名</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <link rel="shortcut icon" href="img/favicon.ico"/>
    <link rel="stylesheet" href="css/main.css"/>
    <noscript>
        <link rel="stylesheet" href="css/noscript.css"/>
    </noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">

    <!-- Header -->
    <header id="header">
        <h1 id="logo"><a href="index.html">不想起名</a></h1>
        <nav id="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="servlet/PostlistServlet?role=0">博客</a></li>
                <li><a href="about.html">关于</a></li>
                <li><a href="login.html" class="button">登录</a></li>
            </ul>
        </nav>
    </header>

    <!-- Banner -->
    <section id="banner">
        <div class="content">
            <header>
                <h2>这里是不想起名的小窝</h2>
                <p>这里有我的个人介绍<br/>
                    还有一些其他的东西......</p>
            </header>
            <span class="image"><img src="img/avatar.jpg" alt=""/></span>
        </div>
        <a href="#one" class="goto-next scrolly">Next</a>
    </section>

    <!-- One -->
    <section id="one" class="spotlight style1 bottom">
        <span class="image fit main"><img src="img/wangjiaba.jpeg" alt=""/></span>
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-4 col-12-medium">
                        <header>
                            <h2>我的家乡</h2>
                            <p>——很出名也很难过的地方</p>
                        </header>
                    </div>
                    <div class="col-4 col-12-medium">
                        <p>阜南县，说这个大家可能不知道。王家坝镇就在阜南县，而我家就在阜南县的另一个村庄
                            我家就在一个庄台上，开门就是淮河，发大水真的能把20多米的大坝淹了，我曾经坐在大盆里漂着一整天</p>
                    </div>
                    <div class="col-4 col-12-medium">
                        <p>我的家乡算是很穷了，但是该有的一样没少，好吃的、好喝的、好玩的太多了。
                            鱼米之乡、民风淳朴、夜不闭户</p>
                    </div>
                </div>
            </div>
        </div>
        <a href="#two" class="goto-next scrolly">Next</a>
    </section>

    <!-- Two -->
    <section id="two" class="spotlight style2 right">
        <span class="image fit main"><img src="img/me.jpeg" alt=""/></span>
        <div class="content">
            <header>
                <h2>谈谈我自己</h2>
                <p>——我是谁？我在哪？我去往何处？</p>
            </header>
            <p>我目前是一名计算机学生，19年开始在山东读书，家是安徽的，在这边方言饮食啥的都还能习惯。
                准备好好读书、好好学习，要进步，争取拿到二等！👀👀👀</p>
            <ul class="actions">
                <li><a href="#" class="button">查看更多</a></li>
            </ul>
        </div>
        <a href="#three" class="goto-next scrolly">Next</a>
    </section>

    <!-- Three -->
    <section id="three" class="spotlight style3 left">
        <span class="image fit main bottom"><img src="img/love.jpeg" alt=""/></span>
        <div class="content">
            <header>
                <h2>我的感情生活</h2>
                <p>——平平淡淡才是真</p>
            </header>
            <p>和女朋友是初中同学，认识到现在8年，一直就是很好的朋友，经常一起吃喝玩乐......</p>
            <ul class="actions">
                <li><a href="#" class="button">查看更多</a></li>
            </ul>
        </div>
        <a href="#four" class="goto-next scrolly">Next</a>
    </section>

    <!-- Four -->
    <section id="four" class="wrapper style1 special fade-up">
        <div class="container">
            <header class="major">
                <h2>我的家庭</h2>
                <p>——传统、温馨、人多（不上图了）</p>
            </header>
            <div class="box alt">
                <div class="row gtr-uniform">
                    <section class="col-4 col-6-medium col-12-xsmall">
                        <span class="icon solid alt major"></span>
                        <h3>奶奶</h3>
                        <p>我家唯一一个不姓张的，80了，身体一般，希望老人家越来越开心！身体越来越好！</p>
                    </section>
                    <section class="col-4 col-6-medium col-12-xsmall">
                        <span class="icon solid alt major"></span>
                        <h3>爸爸</h3>
                        <p>严格、传统、勤劳。特别好的人，喜欢给我压力🥲</p>
                    </section>
                    <section class="col-4 col-6-medium col-12-xsmall">
                        <span class="icon solid alt major"></span>
                        <h3>妈妈</h3>
                        <p>是一个很特别的人，但是身体不好，我长得特别像我妈妈💖</p>
                    </section>
                    <section class="col-4 col-6-medium col-12-xsmall">
                        <span class="icon solid alt major"></span>
                        <h3>哥哥</h3>
                        <p>某特种部队某军官，很关心我，打人很疼🥲</p>
                    </section>
                    <section class="col-4 col-6-medium col-12-xsmall">
                        <span class="icon solid alt major"></span>
                        <h3>姐姐</h3>
                        <p>貌美如花、沉鱼落雁，在读研究生，越来越好！🎉🎉</p>
                    </section>
                    <section class="col-4 col-6-medium col-12-xsmall">
                        <span class="icon solid alt major"></span>
                        <h3>我</h3>
                        <p>😜😜越来越好！！！这里有我的<a href="https://gandz.top/" target="_blank">个人网站</a></p>
                    </section>
                </div>
            </div>
            <footer class="major">
                    隐私问题不放图片了🙈🙈
            </footer>
        </div>
    </section>

    <!-- Five -->
    <section id="five" class="wrapper style2 special fade">
        <div class="container">
            <header>
                <h2>终点</h2>
                <p>这是一个终点，意味着没有东西可以再看了</p>
            </header>
        </div>
    </section>

    <!-- Footer -->
    <footer id="footer">
        <ul class="copyright">
            <li>&copy; 不想起名</li>
        </ul>
    </footer>
</div>

<!-- Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrollex.min.js"></script>
<script src="js/browser.min.js"></script>
<script src="js/breakpoints.min.js"></script>
<script src="js/util.js"></script>
<script src="js/main.js"></script>
</body>
</html>